<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>图像标签</title>
</head>
<body>
  <!-- 
    img属性:
      src: 路径, 图像的路径(必须)
      alt: 替换文件, 图片无法显示的时候显示文字
      title: 提示文本, 鼠标悬停在图片上面的时候显示的文字
      width: 图片的宽度, 值为数字, 没有单位
      height: 图片的高度, 值为数字, 没有单位
   -->
  <img src="./day01/images/cat.jpg" alt="cat">

  <img src="../day01/images/dog.jpg" title="dog">

  <!-- 浏览器缩放图片, 默认是等比例缩放 -->
  <img src="../day01/images/cat.jpg" width="100">

  <img src="../day01/images/dog.jpg" height="600">
</body>
</html>